<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body>
    <div id="root">
      <h1>{{content}}</h1>
      <h1>{{description}}</h1>
    </div>
    <script type="module">
      import Due from './core/index.js';
      window.test = new Due({
        el: 'root',
        data: {
          content: 'nihao',
          description: 'dajiahao',
          xy: { x: 1, y: { a: 1 } },
          list: [
            { v: 111, n: 555 },
            { i: 77, u: 66 },
          ],
        },
      });
    </script>
  </body>
</html>
